<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息修改</title>
    <script src="../css/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../css/personalaccount/personalaccount.css">
</head>
<body>
<div class="pc-kk-form">
    <form action="">
        <input type="hidden" name="user">
        <div class="pc-kk-form-list">
            <input type="text" placeholder="请填写真实姓名" name="realname">
        </div>
        <div class="pc-kk-form-list pc-kk-form-list-clear">
            <div class="nice-select" name="nice-select">
                <input onClick="laydate()" value="请选择您的出生日期" readonly name="birthday">

            </div>
            <div class="nice-select" name="nice-select" style="float:right">
                <input type="text" value="选择性别" readonly name="sex">
                <ul>
                    <li data-value="male">男</li>
                    <li data-value="female">女</li>
                </ul>

            </div>
        </div>
        <!--<div class="pc-kk-form-list">-->
            <!--<input type="email" placeholder="E-mail">-->
        <!--</div>-->
        <div class="pc-kk-form-list">
            <input type="tel" placeholder="电话号码" name="phone" readonly>
        </div>
        <!--<div class="pc-kk-form-list">-->
            <!--<input type="text" placeholder="Invitation Code">-->
        <!--</div>-->
        <div class="pc-kk-form-list pc-kk-form-list-clear">
            <!--<div class="nice-select" name="nice-select">-->
                <!--<input type="text" value="Time" readonly>-->
                <!--<ul>-->
                    <!--<li data-value="time1">3:00-7:00</li>-->
                    <!--<li data-value="time2">7:00-9:00</li>-->
                    <!--<li data-value="time3">9:00-12:00</li>-->
                <!--</ul>-->

            <!--</div>-->
            <div class="nice-select" name="nice-select">
                <input type="text" value="偏爱" readonly>
                <ul>
                    <li data-value="USA">称重水果</li>
                    <li data-value="Britain">水果拼盘</li>
                    <li data-value="Germany">轻奢水果盘</li>
                </ul>

            </div>
        </div>
        <div class="pc-kk-form-list pc-kk-form-list-clear">
            <div class="nice-select" name="nice-select" style="width:100%">
                <input type="text" value="会员等级 " readonly>
                <!--<ul>-->
                    <!--<li data-value="Level1">Level1</li>-->
                    <!--<li data-value="Level2">Level2</li>-->
                    <!--<li data-value="Level3">Level3</li>-->
                <!--</ul>-->
            </div>
        </div>
        <div class="pc-kk-form-list" style="height:auto">
            <textarea>备注</textarea>
        </div>
        <div class="pc-kk-form-btn">
            <button type="button" onclick="submitUpdate()">提交</button>
        </div>
    </form>
</div>


<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
<script src="../js/personal/personal.js"></script>

<script>





    $('[name="nice-select"]').click(function(e){

        $('[name="nice-select"]').find('ul').hide();

        $(this).find('ul').show();

        e.stopPropagation();

    });

    $('[name="nice-select"] li').hover(function(e){

        $(this).toggleClass('on');

        e.stopPropagation();

    });

    $('[name="nice-select"] li').click(function(e){

        var val = $(this).text();

        $(this).parents('[name="nice-select"]').find('input').val(val);

        $('[name="nice-select"] ul').hide();

        e.stopPropagation();

    });

    $(document).click(function(){

        $('[name="nice-select"] ul').hide();

    });

</script>
</body>
</html>